/* CSS Document */
.banner{margin:auto; width:100%; height: 500px; position: relative; overflow: hidden;}
.slidePic{float:left; width:100%; height: 500px; overflow:hidden;}
.slidePic ul{float:left; width:100%; height: 500px; list-style:none; padding:0; margin:0;}
.slidePic ul li{float:left; width:100%; height: 500px; padding:0; margin:0; list-style-type:none;}
.slidePic ul li img{width:100%; height: 5px;}
.slideDot{position:absolute; bottom:10px; text-align:center; width:100%;}
.slideDot img{margin:0 4px; cursor:pointer;}
.slideLr{float: left;}
.slideLr dt{position: absolute; width:60px; height: 90px; background: rgba(255,255,255,.3) url(../images/photo-moveLeft.png) no-repeat center center; top:250px; left:5%; opacity: .5; cursor: pointer;}
.slideLr dt:hover{opacity: 1;}
.slideLr dd{position: absolute; width:60px; height: 90px; background: rgba(255,255,255,.3) url(../images/photo-moveRight.png) no-repeat center center; top:250px; right:5%; opacity: .5; cursor: pointer;}
.slideLr dd:hover{opacity: 1;}


.product{float: left; width:100%; padding-top:60px;}
.tle{float: left; width:200px; height: 50px; border-left: 3px solid #ff3300; padding-left: 10px; font-family: "微软雅黑";}
.tle p{float: left; width:190px; height: 30px; line-height: 30px; font-size: 26px; color: #ccc; margin: 0;}
.tle h6{float: left; width:190px; height: 20px; line-height: 20px; font-size: 18px; color: #333; margin:0; font-weight: 100;}
.product-class{float: left; width:1000px; padding-top: 5px; padding-left: 100px;}
.product-class a{float: left; height: 40px; line-height: 40px; padding:0 20px; border-radius: 20px; font-size: 14px; border: 1px solid #fff;}
.product-class a:hover{border: 1px solid #ff3300; color: #ff3300; text-decoration: none;}
.product ul{float: left; width:100%;}
.product ul li{float: left; width:285px; margin-top:40px; margin-right: 15px;}
.product ul li span{display: table-cell; width:285px; height: 270px; background-color: #f0f0f0; vertical-align: middle; text-align: center;}
.product ul li span img{max-width: 240px; max-height: 220px;}
.product ul li p{text-align: center; font-size: 14px; height: 25px; list-style-type: 25px; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.product ul li.last{margin-right:0;}
.product ul li a:hover{text-decoration: none; font-weight: bold;}
.product ul li a:hover span{box-shadow: 0px 3px 5px rgba(0,0,0,.14);}
.product-more{float: left; width:115px; margin-left: 540px; margin-top: 40px; margin-bottom: 50px;}
.product-more a{display: block; height: 35px; line-height: 35px; border: 1px solid #ccc; border-radius: 17px; text-align: center; font-size: 14px;}
.product-more a:hover{border: 1px solid #ff3300; text-decoration: none;}

.body-sec{margin:auto; width:100%; background-color: #f7f7f7; padding:40px 0;}
.case{float: left; width:100%;}
.case li{float: left; width:300px; margin-top:20px;}
.case li i{float:left; width:260px; height: 240px;}
.case li p{float:left; width:100%; height:40px; line-height: 40px; margin:10px 0 0 0; color: #333; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.case li span{float:left; width:100%; line-height: 24px; color: #999;}
.case li b{float:left; width:100%; font-weight: normal; height: 20px; line-height: 20px; font-size: 14px; color: #333; margin-top: 10px;}
.case li a{float: left; width:300px; padding:20px;}
.case li a:hover{text-decoration: none; background-color: #fff; box-shadow: 0px 0px 10px rgba(0,0,0,.1);}

.about{padding: 50px 0;}
.about-img{float: right; width:590px; height: 400px; padding:25px; border: 1px solid #eee;}
.about-img i{float:left; width:540px; height: 350px;}
.about-info{float: left; width:550px; margin:40px 0; font-size: 14px; line-height: 30px; color: #333;}
.about-btn{float: left; width:115px; margin-bottom: 50px;}
.about-btn a{display: block; height: 35px; line-height: 35px; border: 1px solid #ccc; border-radius: 17px; text-align: center; font-size: 14px;}
.about-btn a:hover{border: 1px solid #ff3300; text-decoration: none;}

.contact{float: left; width:600px;}
.contact-tel{float: left; width:100%; margin-top:20px; padding-left: 50px; height: 100px; line-height: 100px; background: url(../images/tel.png) no-repeat left center; font-size:32px; color: #ff3300; font-family: "微软雅黑"; font-weight: bold;}
.contact-name{float: left; width:100%; height: 70px; line-height: 70px; color: #333; font-family: "微软雅黑"; font-size: 24px;}
.contact-info{float: left; width:100%; line-height: 34px; font-size: 14px; color: #333;}

.news{float: left; width:600px;}
.news ul{float: left; width:100%; padding-top: 30px;}
.news ul li{float: left; width:100%; border-bottom: 1px solid #eee; height: 100px; padding: 20px 0; font-family: "微软雅黑";}
.news ul li div{float: left; width:75px; height: 60px; border-right: 1px solid #ccc; color: #b8b8b8; font-size: 14px; text-align: center;}
.news ul li div i{float:left; width:100%; height: 45px; line-height: 45px; font-size: 45px; font-style: normal; color: #777; text-align: center; font-weight: 100;}
.news ul li p{padding-left: 20px; margin:0; padding-left: 20px; float:left; width:525px; height: 28px; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.news ul li span{float: left; width:525px; line-height: 16px; padding-left: 20px; color: #999;}